<!DOCTYPE HTML>
<html>
<head>
     <!-- Standard Meta -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="icon" href="../img/logo-gq.png" type="image/x-icon"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <link rel="icon" href="../img/logo-gq.png" type="image/x-icon"/>
  <!-- Site Properties -->
  <title>聊天室-面试怪圈</title>
  <meta name="keywords" content="随机聊天室,匿名聊天室,java聊天室"/>
  <meta name="description"  content="基于SpringBoot开发的聊天室"/>
  <link th:href="@{../../semantic/semantic.css}" rel="stylesheet" />
  <script th:src="@{../../js/jquery-2.1.4.min.js}"></script>
  <script th:src="@{../../semantic/semantic.min.js}"></script>
  <script th:src="@{../../js/jquery.util.js}"></script>
  <script type="text/javascript" th:src="@{../../js/chat/chat.js}"></script>
  <link th:href="@{../../css/chat.css}" rel="stylesheet" />
  <script type="text/javascript" th:inline="javascript">
          /*<![CDATA[*/
          var httpBasePath = /*[[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]]*/
          var websocketBasePath = /*[[${"ws://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]]*/ 
          /*]]>*/
  </script>
  

  
</head>
<body>
<div>
	<h4 class="ui top attached inverted header" style="background:rgb(99 155 185 / 86%) !important">
		<img src="http://www.mianshiguaiquan.com/img/logo-gq.png" style="height: 20px;width: 20px;position: relative;top: -2px;"/>
		<span style="position: relative;top: -5px;">面试怪圈聊天室</span>
		<span style="position: absolute;left: 36px;top: 22px;font-size: 12px;font-family: cursive;color: #eae4c2;">公众号「面试怪圈」来找我吧！</span>
		<span style="position: absolute;right: 10px;"><span id="memberCount"></span>人在线</span>
	</h4>
	<div style="margin:5px">
	  	<a href="#">下载聊天室源码</a>
    </div>
	<div class="ui bottom attached segment" style="border: 0px;">
		<div class="ui comments" style="max-width: 100%;">
		  
		  <div style="height:573px;overflow-x:auto;overflow-y:auto" id="contentContainer">
			  
		  </div>
		  <form class="ui reply form">
		    <div class="field">
		      <textarea rows="2" style="height: 47px;" id="content"></textarea>
		    </div>
		    <div style="text-align: right;">
		    	<span style="color:#e8a0a0" id="tip"></span>
			    <div class="ui blue button" id="sendBtn">
			       发送
			    </div>
		    </div>
		  </form>
		</div>
	</div>
</div>


</body>
</html>